<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="index.jsp" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core"  prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="Bookmark" href="favicon.ico" >
    <link rel="Shortcut Icon" href="favicon.ico" />

    <title>主页</title>
    <meta name="keywords" content="耶回收">
    <meta name="description" content="耶回收">
</head>
<body>

<!--_表格--开始-->
<section class="Hui-article-box">
    <nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页
        <span class="c-gray en">&gt;</span>
        订单管理
        <span class="c-gray en">&gt;</span>
        配件更换记录
        <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a>
    </nav>
    <div class="Hui-article">
        <article class="cl pd-20">
            <div class="text-c">
            <form action="showParts" method="post">
            电话号码：<input type="text" class="input-text" style="width:150px"  value="${assemblyPartsList.phone }" id="" name="phone">
				
                开始时间：
                <input type="date" name="beginDate" value="${assemblyPartsList.beginDate }" style="font-size:15px;">
                结束时间：
                <input type="date" name="endDate" value="${assemblyPartsList.endDate }" style="font-size:15px;">
                <button name="" id="" class="btn btn-success" type="submit"><i class="Hui-iconfont">&#xe665;</i> 搜索</button>
                </form>
            </div>
            <div class="cl pd-5 bg-1 bk-gray mt-20">
				<span class="l">		
				<!-- <a class="btn btn-primary radius" _href="add></i> 添加资讯</a> -->
				<a class="btn btn-primary radius" href="add">添加</a>
				</span>
				<span class="2">
				<a href="javascript:;" onclick="datadels()" class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a>
				</span>
                <span class="r">共有数据：<strong>${pageinfo.total }</strong> 条</span>
            </div>
            <div class="mt-20">
                <table class="table table-border table-bordered table-bg table-hover table-sort">
                    <thead>
                    <tr class="text-c">
                     <th width="25"><input type="checkbox" name="" value=""></th>
                        <th width="40">ID</th>
                       <!--  <th width="80">xid</th> -->
                        <th width="180">用户</th>
                        <th width="80">处理器</th>
                        <th width="80">更换处理器价格</th>
                        <th width="40">更换处理器数量</th>
                        <th width="120">内存</th>
                         <th width="80">更换内存价格</th>
                        <th width="40">更换内存数量</th>
                        <th width="120">主板</th>
                         <th width="80">更换主板价格</th>
                        <th width="40">更换主板数量</th>
                        <th width="100">显卡</th>
                        <th width="80">更换显卡价格</th>
                        <th width="40">更换显卡数量</th>
                        <th width="100">其他</th>
                        <th width="80">其他价格</th>
                         <th width="120">总价</th>
                        <th width="180">更换时间</th> 
                        <th width="180">操作</th>
                    </tr>
                    </thead>
                    <tbody id="tb">
                  <c:forEach items="${pageinfo.list }"  var="l" >
                    <tr class="text-c">
                     <td><input type="checkbox" value="${l.gid }" name=""></td>
                       <td>${l.gid }</td>
                       <td>${l.phone }</td>
                       <td>${l.processor }</td>
                       <td>${l.processor_price }</td>
                       <td>${l.processor_num }</td>
                       <td>${l.memory }</td>
                       <td>${l.memory_price }</td>
                       <td>${l.memory_num }</td>
                       <td>${l.mainboard }</td>
                       <td>${l.mainboard_price }</td>
                       <td>${l.mainboard_num }</td>
                       <td>${l.video_card }</td>
                       <td>${l.video_card_price }</td>
                       <td>${l.video_card_num }</td>
                       <td>${l.other }</td>
                       <td>${l.other_price }</td>
                         <td>${l.processor_price*l.processor_num+l.memory_price*l.memory_num+l.mainboard_price*l.mainboard_num+l.video_card_price*l.video_card_num+l.other_price }</td>
                        <td>${l.time}</td>
                       <!--  <td class="td-status"><span class="label label-success radius">已发布</span></td> -->
                        <td class="f-14 td-manage"><!-- <a style="text-decoration:none" onClick="article_stop(this,'10001')" href="javascript:;" title="下架"><i class="Hui-iconfont">&#xe6de;</i></a> -->
                            <!-- <a style="text-decoration:none" class="ml-5" onClick="article_edit('资讯编辑','article-add.html','10001')" href="javascript:;" title="编辑"><i class="Hui-iconfont">&#xe6df;</i></a> -->
                            <a style="text-decoration:none" class="ml-5" onClick="article_del(${l.gid})" href="javascript:;" title="删除"><i class="Hui-iconfont">&#xe6e2;</i></a></td>
                    </tr>
                   </c:forEach>
                    </tbody>
                </table>
                		<div>共${pageinfo.pages}页
                		 <c:if test="${pageinfo.pageNum>1}"><a href="showParts?pageNum=1">首页</a></c:if>
                 <c:if test="${pageinfo.pageNum==1}"><a href="#">首页</a></c:if>
                		
						    
								<c:choose>
									<c:when test="${pageinfo.pageNum==1 }">
						    			<a href="#">上一页</a>
									</c:when>
									<c:otherwise>
										<a href="showParts?pageNum=${pageinfo.prePage}&xid=${parts.xid}&beginDate=${parts.beginDate}&endDate=${parts.endDate}">上一页</a>
									</c:otherwise>
								</c:choose>
								<c:choose>
									<c:when test="${pageinfo.pageNum==pageinfo.pages }">
						    			<a href="#">下一页</a>
									</c:when>
									<c:otherwise>
										<a href="showParts?pageNum=${pageinfo.nextPage}&xid=${parts.xid}&beginDate=${parts.beginDate}&endDate=${parts.endDate}">下一页</a>
									</c:otherwise>
								</c:choose>	
						    	
						    	<c:choose>
						    	    <c:when test="${pageinfo.pageNum==pageinfo.pages}">
						    	       <a href="#">尾页</a>
						    	    </c:when>
						    	    <c:otherwise>
						    	      <a href="showParts?pageNum=${pageinfo.pages}&xid=${parts.xid}&beginDate=${parts.beginDate}&endDate=${parts.endDate}">尾页</a>
						    	    </c:otherwise>
						    	</c:choose>
					</div>
            </div>
        </article>
    </div>
</section>
<script type="text/javascript">
/*批量删除*/
function datadels(){
	  console.log("-----进入批量删除的方法------");
	  var tds = new Array();
    //获取所有的tr标签元素集合
	   tds=document.getElementById("tb").getElementsByTagName("tr");
		  var td_s = new Array();
		 
		  for(var i=0;i<tds.length;i++){
		  var tdc =tds[i].getElementsByTagName("td")[0].getElementsByTagName("input")[0];
		  var tdcheck =$(tdc);
		  console.log(tdcheck.is(":checked"));
		  if(tdcheck.is(":checked")){
		    //如果td被选中 则td的id值放入数组中
			td_s.push(tdcheck.val());
		    
		 } 
		  } 
	   //判断是否有被选中删除的记录 
	   if(td_s.length>0){
		   //发出批量删除ajax 删除请求
		   layer.confirm('确认要删除吗？',{ btn: ["确定","取消"] },function(index){
	           $.ajax({
	               type: 'POST',
	               url: 'deletePar',
	               data:{"gids":td_s},
	               dataType: 'json',
	               success: function(val){
	               	layer.close(index);
	               layer.msg("删除成功",{icon:1,time:2000});
	               	window.location.href = window.location.href;                	
	               },
	               error:function(data) {
	                   console.log(data.msg);
	               },
	           });
	       });
	   }else{ 
		   
		   layer.msg("请选择要删除的数据！",{time:2000});
		 
	   }
	   
} 
function editPrice(title,url){
	
	var index = layer.open({
        type: 2,
        title: title,
        area: [400+'px',300+'px'],
        shade:0.2,
        content:url,
        end:function(){
        window.location.reload();
        }
    });
}
 
	  
   
   

</script>

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript">
  

    $('.table-sort').dataTable({
        "aaSorting": [[ 1, "desc" ]],//默认第几个排序
        "bStateSave": true,//状态保存
        "aoColumnDefs": [
            //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
            {"orderable":false,"aTargets":[0,8]}// 不参与排序的列
        ]
    });

    /*资讯-添加*/
    function article_add(title,url,w,h){
        var index = layer.open({
            type: 2,
            title: title,
            content: url
        });
        layer.full(index);
    }
    /*资讯-编辑*/
    function article_edit(title,url,id,w,h){
        var index = layer.open({
            type: 2,
            title: title,
            content: url
        });
        layer.full(index);
    }
    /*资讯-删除*/
    function article_del(gid){
    	 var gid=gid; 
    	/* alert(gid); */
        layer.confirm('确认要删除吗？',function(index){
            $.ajax({
                type: 'POST',
                url: 'deleteParts',
                data:{gid:gid},
                dataType: 'json',
                success: function(data){
                	if(data){
                		layer.msg("删除成功！");
                	}
                	
                     window.location.href=window.location.href;
                 },
                 error:function(data) {
                     console.log(data.msg);
                },
            });
        });
    }

    /*资讯-审核*/
    function article_shenhe(obj,id){
        layer.confirm('审核文章？', {
                btn: ['通过','不通过','取消'],
                shade: false,
                closeBtn: 0
            },
            function(){
                $(obj).parents("tr").find(".td-manage").prepend('<a class="c-primary" onClick="article_start(this,id)" href="javascript:;" title="申请上线">申请上线</a>');
                $(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已发布</span>');
                $(obj).remove();
                layer.msg('已发布', {icon:6,time:1000});
            },
            function(){
                $(obj).parents("tr").find(".td-manage").prepend('<a class="c-primary" onClick="article_shenqing(this,id)" href="javascript:;" title="申请上线">申请上线</a>');
                $(obj).parents("tr").find(".td-status").html('<span class="label label-danger radius">未通过</span>');
                $(obj).remove();
                layer.msg('未通过', {icon:5,time:1000});
            });
    }
    /*资讯-下架*/
    function article_stop(obj,id){
        layer.confirm('确认要下架吗？',function(index){
            $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="article_start(this,id)" href="javascript:;" title="发布"><i class="Hui-iconfont">&#xe603;</i></a>');
            $(obj).parents("tr").find(".td-status").html('<span class="label label-defaunt radius">已下架</span>');
            $(obj).remove();
            layer.msg('已下架!',{icon: 5,time:1000});
        });
    }

    /*资讯-发布*/
    function article_start(obj,id){
        layer.confirm('确认要发布吗？',function(index){
            $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="article_stop(this,id)" href="javascript:;" title="下架"><i class="Hui-iconfont">&#xe6de;</i></a>');
            $(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已发布</span>');
            $(obj).remove();
            layer.msg('已发布!',{icon: 6,time:1000});
        });
    }
    /*资讯-申请上线*/
    function article_shenqing(obj,id){
        $(obj).parents("tr").find(".td-status").html('<span class="label label-default radius">待审核</span>');
        $(obj).parents("tr").find(".td-manage").html("");
        layer.msg('已提交申请，耐心等待审核!', {icon: 1,time:2000});
    }
</script>
</body>
</html>